<template>
  <div class="share-permission-invalid">
    <div>
      <img class="permission-invalid-img" :src="noDataImage">
    </div>
    <span class="permission-invalid-msg">该文章对外查看权限已关闭</span>
  </div>
</template>
<script>
import { getOssUrl } from '@src/util/assets'
const noDataImage = getOssUrl('/no_data.png')
export default{
  data(){
      noDataImage
  }
}
</script>
<style lang="scss">
.share-permission-invalid {
  background: #fff;
  text-align: center;
  padding-top: 150px;
  height: 100vh;

  .permission-invalid-img {
    width: 160px;
    height: 160px;
  }

  .permission-invalid-msg {
    display: block;
    padding-top: 8px;
    font-size: $font-size-base;
    color: $text-color-regular;
  }
}
</style>